Drop Down menu behind java component

hello scotese,

This is a late reply, but I see the problem in your website is still there, so giving my 2 cents.
I see that one of the elements of your slideshow has a z-index:8 and that's what making your menu go under it.
Now either remove that z-index value from fpss-TT.css, or even better, give to the menu item in links.css a higher z-index value.
I made a test on your website by removing the z-index value from:
#slide-wrapper #slide-outer .slide .slide-inner {position:relative;margin:0;color:#fff;overflow:hidden;background:#3a3a3a;text-align:left;z-index:8;height:225px;}
and your menu was showing just fine over the slideshow.

Hi - Having same problem except it's with embedded PDF's. I see your reply says it's working fine, but when I look at the page:
http://www.awaytoteach.net/?q=frontpageAnonymous
I'm seeing the menu drop behind the slideshow in IE7 and FF 3.5

I've changed the z-index on my site and the menus are still displaying behind the embedded PDF.
Have set menu z-index to 100 and still hidden.

ideas?

hello mike.
I just revisited scotese website and yes the error is there. Maybe because he never arranged the z-index for the slideshow elements I highlighted in my previous post.
Now in your case it's difficult to say without looking a real live site, but same principle applies. If the error is still there and z-index-ing the menu doesn't solve it, you should check the conainer of the element overlaying the menu. In your case the pdf container.
Btw what do you exactly mean by embeded pdf? The usual browser behaviour with pdf is that it opens them in a new window/tab. Are you forcing your pdf to open in an iframe?

Hi Tunox - Thank You for the quick reply! The site is still in development and behind firewall, so unable to provide link, but image is attached. You're absolutely right, the PDF is in an iframe.
I've created a class for it and applied to the element, it reads all other styles in the class except the z-index and I've tested some crazy combinations of styles to see that it was reading the class. This is in all browsers I've tested - IE, FF, Safari, Chrome.
Linking the PDF's and having them open in a new window as an option I communicated, but they really want it in an iframe. As best as I can see, that is the only option...I'm not sure why it's ignoring the z-index. FYI - I tested this in Dreamweaver using an iframe, with a dropdown nav at top and had the same problem there. It would not read the z-index.
Thanks - Mike

Sorry for this late reply folks. Been quite busy recently and haven't logged here at all.

@mike
I was afraid you were going to confirm you are using iframe. I'm not particularly at ease and don't know much about iframes. I never liked the amount of trouble they bring and that the solutions vary depending on what is being shown inside them. That said, I can't give you a solution if you're going to stick with the iframe. However it's much more cleaner to use and manipulate the <object> tag instead. Try this:

<div id=pdf_container">
        <object data="file.pdf" type="application/pdf" width="700" height="400"><a href="file.pdf">Download the PDF</a></object>
</div>

This way you can style the container as you want and z-indexing will work if needed.

@scotese

Are you saying that Front Page Slide Show generates on-fly the css file? If that's the case go through the component files and find the hardcoded style and comment it out. Copy and paste the style to another css file (not related to that module) and I guess you'll be settled. Sorry can't help much as I don't know at all how that module works and I guess the issue goes beyond the scope of marinelli theme.

Sorry for bringing up an old issue but this seems to be the only place on the web this issue has been discussed.
@Tunox - or anyone else who can help-
Are you sure the z-index works with embedded PDF's because I've been playing with z-index values all morning and still can't get my pop-up menus to display in front of an embedded pdf no matter how high I give my menu a z-index and/or how low I give the pdf a z-index. Ive read elsewhere that adobe's pdf reader doesn't supprot the opaque/transparent attributes and can't be put behind other elements at all... very upsetting if true.

Hello, sorry for this so late reply.
But, since I had these same problem, I solved it changing the menu z-index on my theme css file. Hope it work for you.

OPEN dropdown_moomenu.css
FROM /modules/mod_dropdown_moomenu/assets/css
Change z-index value to 9999 as indicated below

#js-hozmenu {
background: url(../images/grad1-mask.png) repeat-x top #014E72; /* you can change/delete the transparent gradient image or the background color */
border-top: 1px solid #3A0700; /* you can change the color of the border */
line-height: 1;
position: relative;
z-index: 9999;
-------------------------------
CHANGE z-index here as well
#oj-moomenu li ul {
width: 200px;
position: absolute; /* second-level lists */
z-index: 9999;

This issue is being closed because it is against a branch for a version of Drupal that is no longer supported.
If you feel that this issue is still valid, feel free to re-open and update it (and any possible patch) to work with the 7.x-4.x branch.
Thank you.